import { Text, Image, StyleSheet, TouchableOpacity, View, Dimensions, FlatList, Button } from "react-native";
import React, { useEffect, useRef, useState } from "react";
import AntDesign from "react-native-vector-icons/AntDesign";
import { useNavigation } from '@react-navigation/native';
import AllPlayListHeader from './AllPlayListHeader'

import PlayListItem2Col from "./PlayListItem2Col";

import Ionicons from "react-native-vector-icons/Ionicons";
import Toast from "react-native-easy-toast";
import Colors from "../../util/Colors";

export default function(props){

  return (
    <TouchableOpacity onPress={props.onPress}>
      <View style={[styles.item,props.style]}>
        <Text style={[styles.text,props.textStyle]}>
          {props.text}
        </Text>
      </View>
    </TouchableOpacity>
  )

}
const itemPadding = 13;

const styles = StyleSheet.create({
  item: {

    backgroundColor: '#eeeeee',
    marginLeft: itemPadding,
    marginRight: itemPadding,
    marginTop:15,
    overflow: 'hidden', // 切掉多余部分
    borderColor: 'white',
    borderWidth: 0, // 边框宽度为0 + hidden，相当于切成圆角。
    borderRadius: 4, // 圆角
    shadowColor: 'grey', // 添加阴影效果
    shadowOffset: {width: 1, height: 1},
    shadowOpacity: 0.5,
    shadowRadius: 4,
    elevation: 4, // android端要加上这个属性，不然阴影不出来
  },
  text:{
    fontSize:25,
    padding:10
  }
});
